<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <title>Home Page</title>
    <link href="./image/atreez_icon.png" rel="icon" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/swiper/js/swiper.min.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1271093_6l5oo8lpt4q.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/dialog.css">
    <link rel="stylesheet" href="./css/mobile/detail.css">
    <link rel="stylesheet" href="./css/mobile/color_scheme.css">

    <script src="//at.alicdn.com/t/font_1271093_6l5oo8lpt4q.js"></script>
</head>
<script>
    (function(doc, win) {
        var docEl = doc.documentElement,
                isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
                dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,
                dpr = window.top === window.self ? dpr : 1, //被iframe引用时，禁止缩放
                dpr = 1,
                scale = 1 / dpr,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        docEl.dataset.dpr = dpr;
        var metaEl = doc.createElement('meta');
        metaEl.name = 'viewport';
        metaEl.content = 'initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale;
        docEl.firstElementChild.appendChild(metaEl);
        var recalc = function() {
            var width = docEl.clientWidth;
            if (width / dpr > 750) {
                width = 750 * dpr;
            }
            // 乘以100，px : rem = 100 : 1
            docEl.style.fontSize = 100 * (width / 750) + 'px';

            // 375px ,rem = 50，1
        };
        recalc()
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
    })(document, window);
</script>
<body>
<div class="container-fluid header">
    <div id="logo">
        <a href="index.html">
            <img src="./image/logo-270x44.png" alt="Komembers Shop" title="Komembers Shop" class="logo-2x">
        </a>
    </div>
    <ul class="list-inline nav-tabs">
        <li class="pull-left category"><i class="iconfont iconbtn-mweb-category"></i></li>
        <li class="pull-right"><i class="iconfont iconbtn-mweb-cart"></i></li>
        <li class="clearfix"></li>
    </ul>
</div>
<div class="dialog-vertical" data-spm="dialog">
    <div class="dialog-wrapper"></div>
    <div class="dialog dialog-popup">
        <div class="dialog-content">
            <div class="dialog-header">
                <div class="mlr-15 text-center line-center">
                    <ul class="list-inline nav-tabs">
                        <li class="pull-left"><i class="iconfont iconbtn-mweb-back"></i></li>
                        <li class="pull-right"><i class="iconfont iconbtn-mweb-search"></i></li>
                        <li class="clearfix"></li>
                    </ul>
                    <div class="dialog-avatar"><i class="iconfont iconbtn-mweb-logindefault"></i></div>
                    <div class="dialog-login ml-10 btn-login">Sign in/Sign up</div>
                    <nav id="bottom-tab-menu">
                        <div class="menu-item">
                            <a class="active" href="">
                                <i class="iconfont iconbtn-mweb-wishlist"></i>
                                <div class="name">Wishlist</div>
                            </a>
                        </div>
                        <div class="menu-item">
                            <a class="active" href="">
                                <i class="iconfont iconbtn-mweb-freeshipping"></i>
                                <div class="name">Free Shipping</div>
                            </a>
                        </div>
                        <div class="menu-item">
                            <a class="active" href="">
                                <i class="iconfont iconbtn-mweb-dailydeals"></i>
                                <div class="name">Daily Deals</div>
                            </a>
                        </div>
                    </nav>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="border"></div>
            <div class="dialog-category-list dialog-central mlr-15">
                <ul class="catetory-list">
                    <li>Home</li>
                    <li>Skin Care</li>
                    <li>Sun Care</li>
                    <li>Man’s</li>
                    <li>Body and Hair</li>
                    <li>Lip Make up</li>
                    <li>Serum</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    $('.category').click(function () {
        $('.dialog-vertical').addClass('dialog-show')
        $(document).find('body').addClass('overflowHide')

    })

    $('.dialog-wrapper').click(function () {
        $('.dialog-vertical').removeClass('dialog-show')
        $(document).find('body').removeClass('overflowHide')
    })
</script>

<div class="container-fluid product-detail main">
    <div class="row clearfix">
        <div class="row col-md-12 product-img">
            <div class="product-image swiper-container">
                <div class="discount">SALE</div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./image/4.jpg" class="img-responsive"/></div>
                    <div class="swiper-slide"><img src="./image/2.jpg" class="img-responsive"/></div>
                    <div class="swiper-slide"><img src="./image/3.jpg" class="img-responsive"/></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="row col-md-12 product-info m-p-0 mlr-12">
            <div class="product-title">LANEIGE Lip Sleeping Mask 20ml (Lip scrub, moisture, lip balm)</div>
            <ul class="list-unstyled product-section">
                <li>Brand:
                    <strong><a href="https://test2.wishnt.com/index.php?route=product/manufacturer/info&amp;manufacturer_id=21">Somebyme</a></strong>
                </li>
                <li>
                    Product Code:</strong>
                    <span>SM190527-014</span>
                </li>
                <li>
                    Availability:
                    <strong class="stock">In Stock</strong>
                </li>
            </ul>
            <div class="rating-section product-rating-status">
                <div class="rating">
                    <span class="fa-stack">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#iconbtn-rate-star"></use>
                        </svg>
                    </span>
                    <span class="fa-stack">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#iconbtn-rate-star"></use>
                        </svg>
                    </span>
                    <span class="fa-stack">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#iconbtn-rate-star"></use>
                        </svg>
                    </span>
                    <span class="fa-stack">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#iconbtn-rate-empty"></use>
                        </svg>
                    </span>
                    <span class="fa-stack">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#iconbtn-rate-empty"></use>
                        </svg>
                    </span>
                    <span class="review-link review-link-show">
									<a href="#">0 Review(s)</a>
								</span>
                    <span class="review-link review-link-write">
									<a href="#"><strong>Add your review</strong></a>
								</span>
                </div>

            </div>

            <div class="product-price mt-20">

                <!--<div class="price">$222.00</div>-->

                <!--$222.00-->
                <div class="old-price pull-left">$222.00</div>
                <div class="new-price pull-left">$159.99</div>
                <div class="clearfix"></div>
            </div>


        </div>
        <div id="product" class="row col-md-12 product-info m-p-0 mlr-12">
            <div class="product-options">
                <div class="option-select">
                    <label class="control-label" for="input-option{{option.product_option_id}}">Occasion *</label>
                    <select name="option[{{option.product_option_id}}]" id="input-option{{option.product_option_id}}" class="form-control">
                        <option value="{{option_value.product_option_value_id}}">option 1</option>
                        <option value="{{option_value.product_option_value_id}}">option 2</option>
                        <option value="{{option_value.product_option_value_id}}">option 3</option>
                        <option value="{{option_value.product_option_value_id}}">option 4</option>
                    </select>
                </div>
            </div>
            <div class="quantity mt-20">
                <label class="control-label" for="input-quantity">Quantity*</label>
                <span class="qty">
                    <input type="text" name="quantity" value="1" size="2" data-min-value="1" id="input-quantity" class="form-control">
                    <i class="clearfix"></i>
                </span>
                <span class="clearfix"></span>
            </div>
            <button type="button" class="btn btn-default btn-black mt-20" data-loading-text="{{ text_loading }}">Add to Cart</button>
            <div class="at-share-btn-elements mt-20">
                <span class="pull-left"><i class="iconfont iconbtn-facebook"></i></span>
                <span class="pull-left"><i class="iconfont iconbtn-twitter"></i></span>
                <span class="pull-left"><i class="iconfont iconbtn-instagram"></i></span>
                <span class="pull-left"><i class="iconfont iconbtn-line"></i></span>
                <span class="clearfix"></span>
            </div>
        </div>
        <div class="backgroud mt-20"></div>
        <div class="product_tabs">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#tab-description" data-toggle="tab">
                        Description
                    </a>
                </li>
                <li>
                    <a href="#tab-review" data-toggle="tab">
                        Review
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active mt-20" id="tab-description">
                    <p><img alt="" src="https://www.ilotte.com/pub/images/pr/detail/20181107/b40c8325-88cd-4f85-a147-fa4fab7f4d8f/53/Calm%20Ampule%20Serum%201.jpg" style="margin: 0px auto; padding: 0px; max-width: 100%; display: block; color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; font-size: 16px; height: auto !important;"></p><p style="text-align: center; "><span style="font-size: 24px;"><b style=""><font face="Arial Black">Ingredients</font></b></span></p><p style="text-align: center; "><span style="font-family: Arial; font-size: 14px;">centella asiatica leaf water
(55,000mg), centella asiatica extract (20,000mg), glycerin, methylpropanediol,
dipropylene glycol, water, aloe barbadensis leaf extract, butylene glycol,
1,2-hexanediol, pentylene glycol,&nbsp;
</span><span style="font-family: Arial; font-size: 14px;">caprylyl glycol, betaine, polyglyceryl-4 caprate, glycosyl trehalose,
hydrogenated starch hydrolysate,</span><span style="font-family: Arial; font-size: 14px;">&nbsp;
</span><span style="font-family: Arial; font-size: 14px;">hydroxyethylcellusose, allantoin(1000ppm), lactobacillus/soybean ferment
extract, salix alba (willow) bark extract, origanum vulgare leaf extract,
portulaca oleracea extract, chamaecyparis obtusa leaf extract,</span><span style="font-family: Arial; font-size: 14px;">&nbsp; </span><span style="font-family: Arial; font-size: 14px;">scutellaria baicalensis root extract,
cinnamomum cassia bark extract, sodium PCA, carbomer, arginie, ethylhexlyglycerin,</span><span style="font-family: Arial; font-size: 14px;">&nbsp; </span><span style="font-family: Arial; font-size: 14px;">glyceryl acrylate/acrylic acid copolymer,
propylene glycol, dipotassium glycyrrhizate, aspalathus linearis extract,
glycyrrhiza glabra (licorice) root extract</span><span style="font-family: Arial; font-size: 14px;">&nbsp;
</span><span style="font-family: Arial; font-size: 14px;">cosDNA analysis</span><br></p>
                </div>
                <div class="tab-pane product-reviews mt-20" id="tab-review">
                    <form class="form-horizontal" id="form-review">

                        <div class="rating">
                            <span>Overall Rating 3</span>
                            <span class="fa-stack">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#iconbtn-rate-star"></use>
                                </svg>
                            </span>
                            <span class="fa-stack">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#iconbtn-rate-star"></use>
                                </svg>
                            </span>
                            <span class="fa-stack">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#iconbtn-rate-star"></use>
                                </svg>
                            </span>
                            <span class="fa-stack">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#iconbtn-rate-empty"></use>
                                </svg>
                            </span>
                            <span class="fa-stack">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#iconbtn-rate-empty"></use>
                                </svg>
                            </span>
                        </div>
                        <div id="review" class="mt-20">
                            <div class="review-item">
                                <div class="review-author pull-left">Tom Yang</div>
                                <div class="review-date pull-left ml-10">2019-7-19</div>
                                <div class="review-score pull-right">
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                            <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                            <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                            <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                            <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="clearfix"></div>
                                <p>There’s a lot of ridiculous things that make me qualify for Rouge status year after year. $400 Dyson blow dryer, ridiculous. $70 Armani foundation, ridiculous. $100 Sunday Riley oil, ridiculous. All of the </p>

                            </div>
                            <div class="review-item">
                                <div class="review-author pull-left">Tom Yang</div>
                                <div class="review-date pull-left ml-10">2019-7-19</div>
                                <div class="review-score pull-right">
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="clearfix"></div>
                                <p>There’s a lot of ridiculous things that make me qualify for Rouge status year after year. $400 Dyson blow dryer, ridiculous. $70 Armani foundation, ridiculous. $100 Sunday Riley oil, ridiculous. All of the </p>

                            </div>
                            <div class="review-item">
                                <div class="review-author pull-left">Tom Yang</div>
                                <div class="review-date pull-left ml-10">2019-7-19</div>
                                <div class="review-score pull-right">
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="clearfix"></div>
                                <p>There’s a lot of ridiculous things that make me qualify for Rouge status year after year. $400 Dyson blow dryer, ridiculous. $70 Armani foundation, ridiculous. $100 Sunday Riley oil, ridiculous. All of the ...Read More</p>

                            </div>
                            <div class="review-item">
                                <div class="review-author pull-left">Tom Yang</div>
                                <div class="review-date pull-left ml-10">2019-7-19</div>
                                <div class="review-score pull-right">
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-star"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="clearfix"></div>
                                <p>There’s a lot of ridiculous things that make me qualify for Rouge status year after year. $400 Dyson blow dryer, ridiculous. $70 Armani foundation, ridiculous. $100 Sunday Riley oil, ridiculous. All of the </p>

                            </div>
                        </div>
                        <div class="review-load-more mt-20">
                            <button class="btn btn-default btn-block">More  Reviews</button>
                        </div>
                        <div class="review-form-title mt-20">
                            <span id="reviews_form_title"><i class="iconfont iconbtn-writeReview"></i>&nbsp;Write a review</span>
                        </div>
                        <div class="product-review-form mt-20" id="reviews_form">
                            <div class="form-group required">
                                <div class="col-sm-12">
                                    <label class="control-label" for="input-name">Your Name</label>
                                    <input type="text" name="name" value="" id="input-name" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group required">
                                <div class="col-sm-12">
                                    <label class="control-label" for="input-review">Your Review</label>
                                    <textarea name="text" rows="5" id="input-review" class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group required">
                                <div class="col-sm-12">
                                    <label class="control-label">Rate</label>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <span class="fa-stack">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#iconbtn-rate-empty"></use>
                                        </svg>
                                    </span>
                                    <input type="hidden" name="rating" value="5" />
                                </div>
                            </div>
                            <div class="buttons clearfix">
                                    <button type="button" id="button-review" data-loading-text="{{text_loading}}" class="btn btn-default btn-black">
                                        Continue
                                    </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
        <div class="related-block mt-20">
            <div class="box-heading">
                <h3>Other products</h3>
            </div>
            <div class="row box-content">
                <div class="two-product swiper-product">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="product-thumb col-md-6 mr-11 ">
                                <div class="pro-img">
                                    <img src="./image/3.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                            <div class="product-thumb col-md-6">
                                <div class="pro-img">
                                    <img src="./image/2.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product-thumb col-md-6 mr-11 ">
                                <div class="pro-img">
                                    <img src="./image/3.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                            <div class="product-thumb col-md-6">
                                <div class="pro-img">
                                    <img src="./image/2.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product-thumb col-md-6 mr-11">
                                <div class="pro-img">
                                    <img src="./image/3.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                            <div class="product-thumb col-md-6">
                                <div class="pro-img">
                                    <img src="./image/2.jpg" class="img-responsive">
                                </div>
                                <div class="pro-name mt-12">
                                    LANEIGE Lip Sleeping Mask
                                </div>
                                <div class="pro-price mt-10">
                                    $20.00
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        pagination: {
            el: '.swiper-pagination',
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: true,
        },
    });
    var product = new Swiper('.swiper-product', {
        loop: true,
    });
    /* quantity buttons */
    var $input = $('.quantity input[name="quantity"]');
    function up() {
        var val = parseInt($input.val(), 10) + 1 || parseInt($input.attr('data-min-value'), 10);
        $input.val(val);
    }
    function down() {
        var val = parseInt($input.val(), 10) - 1 || 0;
        var min = parseInt($input.attr('data-min-value'), 10) || 1;
        $input.val(Math.max(val, min));
    }
    $('<a href="javascript:;" class="journal-stepper">-</a>').insertBefore($input).click(down);
    $('<a href="javascript:;" class="journal-stepper">+</a>').insertAfter($input).click(up);
    $input.keydown(function (e) {
        if (e.which === 38) {
            up();
            return false;
        }
        if (e.which === 40) {
            down();
            return false;
        }
    });
    $(function () {
        $('.detail .price-time').each(function () {
            var $new = $(this).find('.new-price');
            if ($new.length && $new.attr('data-end-date')) {
                Journal.countdown($(this).find('.product-special-time'), $new.attr('data-end-date'));
            }

        });

        $('#reviews_form_title').click(function () {
            $('.product-review-form').toggle();
        })


        $('body').on('click', '.rate-image img', function () {
            var key = $(this).attr('data-key');
            $(this).parent().next().show();
            var mySwiper = new Swiper($(this).parent().next(), {})
            mySwiper.slideToLoop(parseInt(key), 0, false);
        })

        $('#review_div .iconfont').click(function () {
            $(this).parent().find('.iconfont').removeClass('active');
            $(this).prevAll().addClass('active');
            $(this).addClass('active');
            $("input[name='rating']").val($('#review_div .icon-web-rate.active').length)
        })
    })
</script>


<footer>
    <div class="row col-md-12 footer">
        <div class="box-heading mt-10"><a>My Account</a>&nbsp<i class="iconfont iconic-arrow"></i></div>
        <div class="box-heading mt-10"><a>Contact Us</a>&nbsp<i class="iconfont iconic-arrow"></i></div>
        <div class="border"></div>
        <p class="power">Komembers© 2019</p>
    </div>
</footer>
</body>
</html>

